<template>
    <div>
        详情
        <button @click="$router.back()">返回</button>
        <p>{{ this.$route.params.id }}</p>
        <hellow :msg.sync="msg"></hellow>
        <!-- <input type="text" v-model="msg"> -->
        <!-- <input type="text" :value="msg" @input="msg = $event.target.value"> -->
        <!-- <model v-model="msg"></model> -->
        <model :value="msg" @input="msg = $event"></model>
    </div>
</template>
<script>
import hellow from '../components/hellow.vue'
import model from '../components/model.vue'
export default {
    components:{hellow,model},
    data(){
        return {
            msg: "你好！"
        }
    },
    created() {
        // console.log(this.$route.query);
        // console.log(JSON.parse(this.$route.query.obj));
        console.log(this.$route.params);
        console.log('页面C');
    },
    methods:{
        add(val){
           console.log(val);
        }
        // aab(e){
        // //    console.log();
        // this.msg = e.target.value;
        // }
    }
}
</script>